<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/Reset.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="public-header" id="public-header">
    <div class="public-container clear">
      <div class="header-logo"><a href="#"></a></div>
      <ul class="header-nav clear">
        <li class="item"><a href="#">Our Story</a></li>
        <li class="item"><a href="#">Menu</a></li>
        <li class="item"><a href="#">Reservations</a></li>
        <li class="item"><a href="#">News</a></li>
        <li class="item"><a href="#">Rviews</a></li>
      </ul>
    </div>
  </div>
  <div class="index-banner">
    <div class="index-banner-bg">
      <img src="images/demo1.jpg" alt="banner">
    </div>
    <div class="index-banner-txt">
      <div class="txt-logo"></div>
      <p class="txt-info">
        <span class="line line-l"></span>
        resto restaurant home page website template
        <span class="line line-r"></span>
      </p>
    </div>
  </div>
  <div class="index-menu">
    <div class="menu-tips">The Menu</div>
    <div class="public-container menu-list">
      <ul class="clear">
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
        <li class="menu-item clear">
          <div class="title">
            <a href="">
              <h4>
                Voluptate cillum fugiat.
              </h4>
              <p class="comment">Cheese, tomato, mushrooms, onions.</p>
            </a>
          </div>
          <div class="line"></div>
          <div class="price">$50</div>
        </li>
      </ul>
    </div>
    <a href="" class="menu-more-btn">load more <span>|</span><span class="icon"></span> </a>
  </div>
  <div class="public-container index-panel">
    <div class="index-panel-header clear">
      <h3>Featured Dishes</h3>
      <div class="line"></div>
      <div class="btn-group">
        <a href="" class="btn active"></a>
        <a href="" class="btn"></a>
        <a href="" class="btn"></a>
        <a href="" class="btn"></a>
      </div>
    </div>
    <div class="index-panel-body index-food-list">
      <ul class="clear">
        <li class="food-item">
          <a href="">
            <img class="banner" src="images/demo2.png" alt="">
            <p class="name">Fugiat nulla sint <span class="price">$30</span></p>
            <div class="star-bar">
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star nostar"></span>
            </div>
          </a>

        </li>
        <li class="food-item">
          <a href="">
            <img class="banner" src="images/demo2.png" alt="">
            <p class="name">Fugiat nulla sint <span class="price">$30</span></p>
            <div class="star-bar">
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star nostar"></span>
            </div>
          </a>

        </li>
        <li class="food-item">
          <a href="">
            <img class="banner" src="images/demo2.png" alt="">
            <p class="name">Fugiat nulla sint <span class="price">$30</span></p>
            <div class="star-bar">
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star nostar"></span>
            </div>
          </a>

        </li>
        <li class="food-item">
          <a href="">
            <img class="banner" src="images/demo2.png" alt="">
            <p class="name">Fugiat nulla sint <span class="price">$30</span></p>
            <div class="star-bar">
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star"></span>
              <span class="star nostar"></span>
            </div>
          </a>

        </li>
      </ul>
    </div>
  </div>
  <div class="public-container index-panel">
    <div class="index-panel-header clear">
      <h3>The Gallery</h3>
      <div class="line"></div>
    </div>
    <div class="index-panel-body index-pics">
      <div class="pic-col pic-col-m">
        <a href="">
          <img src="images/demo6.png" alt="">
        </a>
      </div>
      <div class="pic-col pic-col-s">
        <a href="#" class="pic-row">
          <img src="images/demo7.png" alt="">
        </a>
        <a href="#" class="pic-row">
          <img src="images/demo8.png" alt="">
        </a>
      </div>
      <div class="pic-col pic-col-l">
        <a href="#">
          <img src="images/demo9.png" alt="">
        </a>
      </div>
    </div>
  </div>
  <div class="public-footer">
    <div class="public-container">
      <div class="footer-col">
        <p>New York Restaurant<br>3926 Anmoore Road
          <br>New York, NY 10014 <br><a href="tel:718-749-1714">718-749-1714</a>
        </p>
      </div>
      <div class="footer-col">
        <p>France Restaurant <br>68, rue de la Couronne
          <br>75002 PARIS <br>02.94.23.69.56</p>
      </div>
      <div class="footer-col">
        <p>
          <a href="#">Blog</a>
          <a href="#">Careers </a>
          <a href="#">Privacy Policy</a>
          <a href="#">Contact</a>
        </p>
      </div>
      <div class="footer-col">
        <div class="footer-logo"></div>
        <div class="footer-info">
          © All Rights Reserved 2014. <br> Find More at Pixelhint.com
        </div>
      </div>
    </div>
  </div>
  <a href="javascript:scroll(0,0)" class="return">
    <img src="images/return.png" alt="">
    <!-- href="#public-header" -->
  </a>
</body>

</html>